<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	     	<link rel="stylesheet" href="blue.css">
		 <link rel="stylesheet" href="" id="skinColour">  
	
		
	</head>

	<body>
		<input type="button" value="红色" onclick="changeStyle('red')">
		<input type="button" value="绿色" onclick="changeStyle('green')">
		
		<script>
			var cssStyle = document.getElementById('skinColour');
			function changeStyle(name){
				event.stopPropagation();
				cssStyle.href = name + ".css";
			}
		</script>
	</body>

</html>
